<nav class="navbar navbar-default" role="navigation">
    <ul class="nav navbar-nav navbar-right">
        <li class="pull-right"> 
            <a href="#" ng-click="model.logout()">Logout</button>
        </li>
    </ul>
</nav>

<div class=container">
    <div class="row search">
        <div class="col-md-8 col-md-offset-2">
            <form class="form-inline" role="form">
                <div class="form-group">
                    <div style="width:75%; float: left;">
                        <label class="sr-only" for="">Enter search terms</label>
                        <input id="search" name="search" type="text" placeholder="enter search terms" ng-model="model.query" typeahead-editable="false"
	typeahead="search for search in model.search($viewValue)" typeahead-min-length="3" class="search-query form-control">
                    </div>
                    <div style="width: 25%; float: left; padding-left: 10px; box-sizing: border-box;">    
                        <button class="btn btn-default" ng-click="model.showresults()">
                            <span class="glyphicon glyphicon-search"></span>
                        </button> 
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<div ng-show="model.show">
	<ul>
		 <li ng-repeat="user in model.searchresults">
			<span> {{user.photo}}</span>
			<span> {{user.name}}</span>
			<span> {{user.email}}</span>
			<span> {{user.phone}}</span>
		  </li>
	<ul>
</div>